<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ElysianAnime - 自动化追番神器</title>
    <link rel="stylesheet" href="readme.css">
</head>
<body>

<header class="hero">
    <div class="container">
        <h1>🎬 ElysianAnime</h1>
        <p>私人服务器上的动漫追番神器</p>
        <a href="https://github.com/CoCoTeaNet/ElysianAnime " class="btn-github" target="_blank">GitHub 项目地址</a>
    </div>
</header>

<section class="intro">
    <div class="container">
        <h2>🌟 简介</h2>
        <p>ElysianAnime 是一个专为动漫爱好者打造的自动化追番管理系统。你可以：</p>
        <ul>
            <li>📺 自动订阅并下载 RSS 中的番剧资源</li>
            <li>🧩 部署在你的私人服务器上，完全掌控数据</li>
            <li>🎞️ 搭配桌面端播放器 <a href="https://github.com/CoCoTeaNet/ElysianAnime-Viewer " target="_blank">ElysianAnime-Viewer</a>，享受内嵌 MPV 的高清播放体验</li>
        </ul>
    </div>
</section>

<section class="features">
    <div class="container">
        <h2>🛠 技术栈 & 运行环境</h2>
        <ul>
            <li>JDK 17+</li>
            <li>MySQL 8.0+</li>
            <li>Redis 支持</li>
            <li>Node.js 14+</li>
            <li>qBittorrent（推荐）</li>
            <li>前端：Vue / React 可选</li>
        </ul>
    </div>
</section>

<section class="quick-start">
    <div class="container">
        <h2>🚀 快速开始</h2>
        <ol>
            <li><code>git clone https://github.com/CoCoTeaNet/ElysianAnime.git </code></li>
            <li>运行数据库脚本初始化表结构</li>
            <li>启动 Spring Boot 后端服务</li>
            <li>安装前端依赖并运行：<br>
                <code>npm install</code><br>
                <code>npm run serve</code>
            </li>
            <li>访问：<a href="http://localhost:8086" target="_blank">http://localhost:8086</a>（默认账号：admin/admin123456）</li>
        </ol>
    </div>
</section>

<section class="contributing">
    <div class="container">
        <h2>🤝 贡献指南</h2>
        <p>欢迎贡献代码、提交 Issue 或参与讨论！</p>
        <p>GitHub 项目地址：<a href="https://github.com/CoCoTeaNet/ElysianAnime " target="_blank">https://github.com/CoCoTeaNet/ElysianAnime </a></p>
    </div>
</section>

<footer class="footer">
    <div class="container">
        <p>❤️ 致谢所有贡献者与社区支持！如有问题欢迎提 issue 或加入交流群。</p>
    </div>
</footer>

</body>
</html>